
<template>
  <div class="aboutmine">
    <van-nav-bar title="关于我们" safe-area-inset-top left-arrow @click-left="onClickLeft" fixed />
    <h4>关于我们</h4>
    <div class="content">
      <p>来自不同行业的职位、短期及临时工做可随时随地任你搜寻，更可网上阅读有关最新职位咨询。</p>
      <div>-实用功能-</div>
      <p>层层审核，真实可靠</p>
      <p>按工作类别、关键字、工作地点搜寻你的心仪职位</p>
      <p>随时查看申请记录</p>
      <p>卓越的体验来自一颗追求完美的心！如果在使用过程中有任务问题或建议，请随时联系我们。</p>
    </div>
    <div>商务合作联系:{{ appqq }}</div>
  </div>
</template>

<script>
import { reactive, toRefs } from "vue";
export default {
  name: 'Gywm',
  setup() {
    const data = reactive({
      img: window.axiosurl + "/public/01.png",
      appname: window.appname,
      appqq: window.appqq,
    });

    return {
      ...toRefs(data),
    };
  },
  methods: {
    //点击回退按钮
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>

<style lang="scss" scoped>
.center {
  text-align: center;
}
.img {
  width: 100px;
  height: 100px;
}
.aboutmine {
  font-size: 15px;
  padding: 50px 5% 0 5%;
  h4 {
    text-align: center;
  }
  .content {
    color: #666666;
    font-size: 13px;
    text-align: left;
    div {
      text-align: center;
      margin-top: 60px;
    }
    :last-child {
      margin-top: 60px;
    }
  }
}
</style>